<!DOCTYPE html>

<html>

<head>
    <title>平台初始化</title>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">

    <script type="text/javascript" src="${request.contextPath}/static/libs/jquery.js"></script>
    <link rel="stylesheet" href="${request.contextPath}/static/libs/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="${request.contextPath}/static/modules/manager/css/global.css" media="all" />
    <link rel="icon" href="${request.contextPath}/static/appdata/filesres/sysopt/admin.png" type="image/x-icon" />
    <style>
        .layui-tab-content {
            width: 100%;
            position: absolute;
            top: 41px;
            bottom: 0px;
            left: 0px;
        }

        .layui-card {
            box-shadow: none;
        }

        .layui-card-header {
            padding: 0 10px;
        }

        .layui-card-body {
            padding: 8px 15px;
        }
    </style>
</head>

<body>
    <div class="layui-fluid" id="zhengling-zhuye">
        <form class="layui-form" id="frmGridInit" action="">
            <div class="layui-form-item">
                <h1>数据库设置</h1>
                <ul class="layui-timeline">
                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis layui-icon-circle"></i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title">链接URL</h3>
                            <p>
                                Oralce URL格式：jdbc:oracle:thin:@//192.168.0.121:1522/DBAST
                                <br> SqlServer URL格式：jdbc:jtds:sqlserver://192.168.0.121:1433/ZL_ASSERT
                                <br> MySql
                                URL格式：jdbc:mysql://192.168.0.121:3306/zxx?useSSL=true&autoReconnect=true&useUnicode=true&characterEncoding=UTF-8&serverTimezone=Asia/Shanghai
                                <br> 达梦数据库 URL格式：jdbc:dm://ZL_SERVER_D:15236/DMSERVER
                                <br> 金仓数据库 URL格式：jdbc:kingbase8://127.0.0.1:54321/QJB
                            </p>
                        </div>
                    </li>
                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis layui-icon-circle"></i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title">用户名</h3>
                        </div>
                    </li>
                    <li class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis layui-icon-circle"></i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title">密码</h3>
                        </div>
                    </li>
                </ul>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">数据库类型</label>
                <div class="layui-input-block">
                    <select name="driver-class-name" lay-filter="dbtype" disabled>
                        <option value="oracle.jdbc.OracleDriver" selected="">ORACLE</option>
                        <option value="net.sourceforge.jtds.jdbc.Driver">SQLERVER</option>
                        <option value="com.mysql.cj.jdbc.Driver">MYSQL</option>
                        <option value="dm.jdbc.driver.DmDriver">达梦</option>
                        <option value="com.kingbase8.Driver">金仓</option>
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">链接URL</label>
                <div class="layui-input-block">
                    <input type="text" name="url" lay-verify="title" autocomplete="off" 
                        disabled class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">用户名</label>
                <div class="layui-input-block">
                    <input type="text" name="username" lay-verify="title" autocomplete="off" 
                        disabled class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">密码</label>
                <div class="layui-input-block">
                    <input type="password" name="password" lay-verify="pass"  autocomplete="off"
                        disabled class="layui-input">
                </div>
            </div>

        </form>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" id="btnStrtTest">测试链接</button>
                <button class="layui-btn" id="btnStartInit">开始初始化</button>
                <button class="layui-btn" id="btnGotoHome">跳转到后台</button>
            </div>
        </div>
        <div class="layui-form-item">

        </div>
        <div class="layui-form-item">
            <div class="layui-progress" lay-showpercent="true" lay-filter="processBar">
                <div class="layui-progress-bar" lay-percent="0%"></div>
            </div>
        </div>
        <div class="layui-input-block" id="processTxt">

        </div>
    </div>
    <script type="text/javascript" src="${request.contextPath}/static/libs/jquery.js"></script>
    <script type="text/javascript"
        src="${request.contextPath}/static/libs/ztree/js/jquery.ztree.all.min.js?v=3.0.123"></script>
    <script src="${request.contextPath}/static/libs/layui/layui.js?v=3.0.123"></script>
    <#include "base/token.ftl" />
    <script>
        layui.config({
            base: '${request.contextPath}/static/framework/'
            , contentPath: '${request.contextPath}'
        });
    </script>
    <script type="text/javascript"
        src="${request.contextPath}/static/modules/manager/coreinit/coreinit.js?v=3.0.123"></script>
</body>

</html>